//！！请勿修改这个文件里的样式！！
body {
  color: $font-default;
  a{color: $default-color;}
  a:hover {color: $default-color-hover;}
  a:active, a:focus {color: $default-color-hover;}
  a[disabled] {color: $font-disabled;}
  h1, h2, h3, h4, h5, h6 { color: $font-title; }
  p { color: $font-default; }
  ::-moz-selection {
    background: $default-color;
    color: $font-ghost;
  }
  ::selection {
    background: $default-color;
    color: $font-ghost;
  }
}


.default-color-font { color: $default-color; }
.default-color-bg { background-color: $default-color; }
.default-color-border { border: 1px solid $default-color; }
.default-color-hover-font { color: $default-color-hover; }
.default-color-hover-bg { background-color: $default-color-hover; }
.default-color-focus-font { color: $default-color-focus; }
.default-color-focus-bg { background-color: $default-color-focus; }
.default-color-inverse-font { color: $default-color-inverse; }
.default-color-inverse-bg { background-color: $default-color-inverse; }
.default-color-success { color: $badge-success; }
.default-color-success-bg { background-color: $badge-success; }
.font-default { color: $font-default; }
.font-disabled{ color: $font-disabled; }
.font-title { color: $font-title; }
.font-ghost { color: $font-ghost; }
.font-subtitle { color: $font-subtitle; }
.shadow-card { box-shadow: $shadow-card; }
.shadow-modal { box-shadow: $shadow-modal; }
.shadow-affix { box-shadow: $shadow-affix; }
.shadow-menu{ box-shadow: $shadow-menu; }
.background-white { background-color: $background-white; }
.background-title { background-color: $background-title; }
.background-layout { background-color: $background-layout; }
.divider-top { border-top: 1px solid $divide-line; }
.divider-bottom { border-bottom: 1px solid $divide-line; }
.divider-right { border-right: 1px solid $divide-line; }
.divider-left { border-left: 1px solid $divide-line; }
.border-btn { border: 1px solid $btn-border; }
.border-form { border: 1px solid $form-border; }
.highlight-default { background-color: $highlight-default; }


body {
  /*Alert*/
  .ant-alert { color: $font-default; }
  .ant-alert-success {
    border-color: $tag-success-border;
    background-color: $tag-success-bg;
  }
  .ant-alert-success .ant-alert-icon { color: $tag-success-border; }
  .ant-alert-info {
    border-color: $tag-default-border;
    background-color: $tag-default-bg;
  }
  .ant-alert-info .ant-alert-icon { color: $default-color; }
  .ant-alert-warning {
    border-color: $tag-warn-border;
    background-color: $tag-warn-bg;
  }
  .ant-alert-warning .ant-alert-icon { color: $tag-warn-border; }
  .ant-alert-error {
    border-color:$tag-error-border;
    background-color: $tag-error-bg;
  }
  .ant-alert-error .ant-alert-icon { color: $tag-error-border; }
  .ant-alert-close-icon .anticon-cross { color: $font-subtitle; }
  .ant-alert-close-icon .anticon-cross:hover { color: $font-default; }
  .ant-alert-with-description { color: $font-default; }
  .ant-alert-with-description .ant-alert-message { color: $font-title; }

  /*Anchor*/
  .ant-anchor { color: $font-default; }
  .ant-anchor-ink:before { background-color: $divide-line; }
  .ant-anchor-ink-ball { border-color: $default-color; }
  .ant-anchor-link-title { color: $default-color; }
  .ant-anchor-link-active > .ant-anchor-link-title { color: $default-color; }
  .ant-select-auto-complete { color: $font-default; }
  .ant-select-auto-complete.ant-select .ant-input:focus, .ant-select-auto-complete.ant-select .ant-input:hover {
    border-color: $default-color-hover;
  }

  /*Avatar*/
  .ant-avatar {
    color: $font-default;
    background-color: $background;
  }

  /*BackTop*/
  .ant-back-top { color: $font-default; }
  .ant-back-top-content { color: $font-subtitle; }
  .ant-back-top-content:hover { color: $font-default; }

  /*Badge*/
  .ant-badge { color: $font-default; }
  .ant-badge-count { background-color: $default-color-inverse; }
  .ant-badge-dot { background-color: $default-color-inverse; }
  .ant-badge-status-success { background-color: $badge-success; }
  .ant-badge-status-processing { background-color: $badge-processing; }
  .ant-badge-status-processing:after { border-color: $default-color; }
  .ant-badge-status-default { background-color: $badge-default; }
  .ant-badge-status-error { background-color: $badge-error; }
  .ant-badge-status-warning { background-color: $badge-warning; }
  .ant-badge-status-text { color: $font-default; }

  /*Breadcrumb*/
  .ant-breadcrumb { color: $font-subtitle; }
  .ant-breadcrumb a { color: $default-color; }
  .ant-breadcrumb a:hover { color: $default-color-hover; }
  .ant-breadcrumb > span:last-child { color: $font-subtitle; }
  .ant-breadcrumb-separator { color: $font-subtitle; }

  /*Button*/
  .ant-btn, .ant-btn-dashed{
    background-color: $btn-bg;
    border-color: $btn-border;
    color: $font-default;
    &:hover{
      background-color: $btn-bg;
      border-color: $default-color;
      color: $font-default;
    }
    &:focus{
      background-color: #EDF3FF;
      border-color: $default-color;
      color: $font-default;
    }
  }
  .ant-btn-sm {
    padding: 0 10px;
    height: 22px;
    font-size: 12px;
  }
  .ant-btn-primary{
    background-color: $default-color;
    border-color: $default-color;
    color: $font-ghost;
    &:hover{
      background-color: $default-color-hover;
      border-color: $default-color-hover;
      color: $font-ghost;
    }
    &:focus{
      background-color: $default-color-hover;
      border-color: $default-color-hover;
      color: $font-ghost;
    }
  }
  .ant-btn-danger{
    background-color: $default-color-inverse;
    border-color: $default-color-inverse;
    color: $font-ghost;
    &:hover{
      background-color: $default-color-inverse-hover;
      border-color: $default-color-inverse-hover;
      color: $font-ghost;
    }
    &:focus{
      background-color: $default-color-inverse-focus;
      border-color: $default-color-inverse-focus;
      color: $font-ghost;
    }
  }
  .ant-btn-clicked:after { border-color: $default-color; }
  .ant-btn-danger.ant-btn-clicked:after { border-color: $default-color-inverse; }
  .ant-btn-link {
    border: none;
    color: $default-color;
    &:hover{
      color: $default-color-hover;
      background-color: transparent;
    }
    &:focus{
      color: $default-color-hover;
      background-color: transparent;
    }
  }
  .ant-btn-disabled, .ant-btn.disabled, .ant-btn[disabled], .ant-btn-disabled:hover, .ant-btn.disabled:hover,
  .ant-btn[disabled]:hover, .ant-btn-disabled:focus, .ant-btn.disabled:focus, .ant-btn[disabled]:focus,
  .ant-btn-disabled:active, .ant-btn.disabled:active, .ant-btn[disabled]:active, .ant-btn-disabled.active,
  .ant-btn.disabled.active, .ant-btn[disabled].active,
  .ant-btn-dashed-disabled, .ant-btn-dashed.disabled, .ant-btn-dashed[disabled], .ant-btn-dashed-disabled:hover,
  .ant-btn-dashed.disabled:hover, .ant-btn-dashed[disabled]:hover, .ant-btn-dashed-disabled:focus,
  .ant-btn-dashed.disabled:focus, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed-disabled:active,
  .ant-btn-dashed.disabled:active, .ant-btn-dashed[disabled]:active, .ant-btn-dashed-disabled.active,
  .ant-btn-dashed.disabled.active, .ant-btn-dashed[disabled].active,
  .ant-btn-primary-disabled, .ant-btn-primary.disabled, .ant-btn-primary[disabled], .ant-btn-primary-disabled:hover,
  .ant-btn-primary.disabled:hover, .ant-btn-primary[disabled]:hover, .ant-btn-primary-disabled:focus,
  .ant-btn-primary.disabled:focus, .ant-btn-primary[disabled]:focus, .ant-btn-primary-disabled:active,
  .ant-btn-primary.disabled:active, .ant-btn-primary[disabled]:active, .ant-btn-primary-disabled.active,
  .ant-btn-primary.disabled.active, .ant-btn-primary[disabled].active,
  .ant-btn-background-ghost.ant-btn-primary.disabled, .ant-btn-background-ghost.ant-btn-primary[disabled],
  .ant-btn-background-ghost.ant-btn-primary.disabled:hover, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
  .ant-btn-background-ghost.ant-btn-primary.disabled:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
  .ant-btn-background-ghost.ant-btn-primary.disabled:active, .ant-btn-background-ghost.ant-btn-primary[disabled]:active,
  .ant-btn-background-ghost.ant-btn-primary.disabled.active, .ant-btn-background-ghost.ant-btn-primary[disabled].active,
  .ant-btn-danger-disabled, .ant-btn-danger.disabled, .ant-btn-danger[disabled], .ant-btn-danger-disabled:hover,
  .ant-btn-danger.disabled:hover, .ant-btn-danger[disabled]:hover, .ant-btn-danger-disabled:focus,
  .ant-btn-danger.disabled:focus, .ant-btn-danger[disabled]:focus, .ant-btn-danger-disabled:active,
  .ant-btn-danger.disabled:active, .ant-btn-danger[disabled]:active, .ant-btn-danger-disabled.active,
  .ant-btn-danger.disabled.active, .ant-btn-danger[disabled].active,
  .ant-btn-group .ant-btn-primary[disabled] + .ant-btn-primary {
    background-color: $btn-bg-disabled;
    border-color: $btn-border;
    color: $font-disabled;
  }
  .ant-btn-link-disabled, .ant-btn-link.disabled, .ant-btn-link[disabled], .ant-btn-link-disabled:hover,
  .ant-btn-link.disabled:hover, .ant-btn-link[disabled]:hover, .ant-btn-link-disabled:focus, .ant-btn-link.disabled:focus,
  .ant-btn-link[disabled]:focus, .ant-btn-link-disabled:active, .ant-btn-link.disabled:active,
  .ant-btn-link[disabled]:active, .ant-btn-link-disabled.active, .ant-btn-link.disabled.active,
  .ant-btn-link[disabled].active {
    color: $font-disabled;
  }
  .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
    border-right-color: $default-color-hover;
    border-left-color: $default-color-hover;
  }
  .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color: $btn-border;
  }
  .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
    border-right-color: $default-color-hover;
  }
  .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: $btn-border;
  }
  .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
  .ant-btn-group .ant-btn-primary + .ant-btn-primary {
    border-left-color: $default-color-hover;
  }
  .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
  .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled],
  .ant-btn-group .ant-btn-primary[disabled] + .ant-btn-primary {
    border-left-color: $btn-border;
  }
  .ant-btn-ghost {
    color: $font-default;
    border-color: $btn-border;
  }
  .ant-btn-ghost:hover, .ant-btn-ghost:focus {
    color: $default-color-hover;
    border-color: $default-color-hover;
  }
  .ant-btn-ghost:active, .ant-btn-ghost.active {
    color: $default-color-focus;
    border-color: $default-color-focus;
  }
  .ant-btn-background-ghost.ant-btn-primary {
    color: $default-color;
    border-color: $default-color;
  }
  .ant-btn-background-ghost.ant-btn-primary:hover,
  .ant-btn-background-ghost.ant-btn-primary:focus {
    color: $default-color-hover;
    border-color: $default-color-hover;
  }
  .ant-btn-background-ghost.ant-btn-primary:active,
  .ant-btn-background-ghost.ant-btn-primary.active {
    color: $default-color-focus;
    border-color: $default-color-focus;
  }
  .ant-btn-background-ghost.ant-btn-danger {
    color: $default-color-inverse;
    border-color: $default-color-inverse;
  }
  .ant-btn-background-ghost.ant-btn-danger:hover,
  .ant-btn-background-ghost.ant-btn-danger:focus {
    color: $default-color-inverse-hover;
    border-color: $default-color-inverse-hover;
  }
  .ant-btn-background-ghost.ant-btn-danger:active,
  .ant-btn-background-ghost.ant-btn-danger.active {
    color: $default-color-inverse-focus;
    border-color: $default-color-inverse-focus;
  }

  /*Calendar*/
  .ant-fullcalendar {
    color: $font-default;
    border-color: $divide-line;
  }
  .ant-fullcalendar-value { color: $font-default; }
  .ant-fullcalendar-value:hover { background-color: $highlight-default; }
  .ant-fullcalendar-value:active {
    background-color: $default-color;
    color: $font-ghost;
  }
  .ant-fullcalendar-today .ant-fullcalendar-value,
  .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
    -webkit-box-shadow: 0 0 0 1px $default-color inset;
    box-shadow: 0 0 0 1px $default-color inset;
  }
  .ant-fullcalendar-selected-day .ant-fullcalendar-value,
  .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
    background-color: $default-color;
    color: $font-ghost;
  }
  .ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
  .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
    color: $font-disabled;
  }
  .ant-fullcalendar-fullscreen .ant-fullcalendar-month,
  .ant-fullcalendar-fullscreen .ant-fullcalendar-date {
    color: $font-default;
    border-color: $divide-line;
  }
  .ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
  .ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
    background: $highlight-default;
  }
  .ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
  .ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
    background: $highlight-weak-warn;
  }
  .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
    color: $font-default;
  }
  .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
  .ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
    border-top-color: $default-color;
  }
  .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
  .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
    background: $highlight-default;
  }
  .ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
  .ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
    color: $default-color;
  }
  .ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
  .ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
    color: $font-disabled;
  }
  .ant-fullcalendar-disabled-cell .ant-fullcalendar-value { color: $font-disabled; }


  /*Carousel*/
  .ant-carousel{ color: $font-default; }

  /*Cascader*/
  .ant-cascader, .ant-cascader-picker { color: $font-default; }
  .ant-cascader-picker-disabled {
    background-color: $form-bg-disabled;
    color: $font-disabled;
  }
  .ant-cascader-picker:focus .ant-cascader-input {
    border-color: $default-color-hover;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($default-color-hover, .2);
    box-shadow: 0 0 0 2px rgba($default-color-hover, .2);
  }
  .ant-cascader-picker-clear:hover, .ant-cascader-menu-item-expand:after { color: $font-subtitle; }
  .ant-cascader-picker-arrow, .ant-cascader-menu-item-disabled { color: $font-disabled; }
  .ant-cascader-menu { border-right: 1px solid $divide-line; }
  .ant-cascader-menu-item:hover { background-color: $highlight-default; }
  .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { background-color: $highlight-selected; }
  .ant-cascader-menu-item .ant-cascader-menu-item-keyword { color: $default-color-inverse; }

  /*Popover Popconfirm*/
  .ant-popover-inner { box-shadow: 0 4px 8px 0 rgba($shadow, .15); }
  .ant-popover-message {
    color: $font-default;
    font-size: 12px;
  }
  .ant-popover-message > .anticon { color: $badge-warning;}
  .ant-popover-buttons > button.ant-btn-sm { margin-left: 10px; }

  /*Modal ModalConfirm*/
  .ant-modal { color: $font-default; }
  .ant-modal-title {
    color: $font-title;
    font-size: 16px;
    font-weight: normal;
  }
  .ant-modal-header { border-bottom: 1px solid $divide-line; }
  .ant-modal-footer { border-top: 1px solid $divide-line; }
  .ant-modal-content { box-shadow: 0 2px 8px 0 rgba($shadow, .2); }
  .ant-confirm-body > .anticon {
    font-size: 24px;
    margin-right: 14px;
  }
  .ant-confirm-body .ant-confirm-title{
    color: $font-title;
    font-weight: normal;
    font-size: 14px;
  }
  .ant-confirm-body .ant-confirm-content{
    color: $font-default;
    font-size: 12px;
  }
  .ant-modal-footer > button { padding: 0 16px; }

  /*Spin*/
  .ant-spin { color: $default-color; }
  .ant-spin-dot i{ background-color: $default-color; }
  .ant-spin-tip { color: $font-subtitle; }

  /*Tabs*/
  .ant-tabs { color: $font-default; }
  .ant-tabs-bar { border-bottom: 1px solid $divide-line; }
  .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
    border: 1px solid $divide-line;
    background-color: $background-title;
  }
  .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
    background-color: $background-white;
  }
  .ant-tabs-ink-bar { background-color: $default-color; }
  .ant-tabs-nav .ant-tabs-tab { color: $font-default; }
  .ant-tabs-nav .ant-tabs-tab:hover { color: $default-color; }
  .ant-tabs-nav .ant-tabs-tab-active { color: $default-color; }
  .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active { color: $default-color; }
  .ant-tabs-tab-btn-disabled, .ant-tabs-tab-btn-disabled:hover {
    color: $font-disabled;
    cursor: not-allowed;
  }
  .ant-tabs-extra-content .ant-tabs-new-tab:hover {
    color: $default-color;
    border-color: $default-color;
  }
  .ant-tabs-nav .ant-tabs-tab:hover { color: $default-color-hover; }
  .ant-tabs-nav .ant-tabs-tab:active { color: $default-color-focus; }
  .ant-tabs-vertical.ant-tabs-left > .ant-tabs-content, .ant-tabs-vertical.ant-tabs-right > .ant-tabs-bar {
    border-left: 1px solid $divide-line;
  }
  .ant-tabs-vertical.ant-tabs-right > .ant-tabs-content { border-right: 1px solid $divide-line; }


  /*Radio*/
  .ant-radio-group, .ant-radio-wrapper, .ant-radio, .ant-radio-button-wrapper { color: $font-default; }
  .ant-radio-inner { border-color: $btn-border; }
  .ant-radio-inner:hover { border-color: $default-color; }
  .ant-radio-checked .ant-radio-inner { border-color: $btn-border; }
  .ant-radio-checked .ant-radio-inner:after { background-color: $default-color; }
  .ant-radio-disabled .ant-radio-inner{
    border-color: $btn-border;
    background-color: $btn-bg-disabled;
  }
  .ant-radio-disabled .ant-radio-inner:after { background-color: $btn-border; }
  .ant-radio-disabled + span { color: $font-disabled; }
  .ant-radio-button-wrapper { border-color: $form-border; }
  .ant-radio-button-wrapper:hover { color: $default-color; }
  .ant-radio-button-wrapper a { color: $font-default; }
  .ant-radio-button-wrapper-checked {
    background: #fff;
    border-color: $default-color;
    color: $default-color;
    -webkit-box-shadow: -1px 0 0 0 $default-color;
    box-shadow: -1px 0 0 0 $default-color;
    z-index: 1;
  }
  .ant-radio-button-wrapper-checked::before {
    background-color: $default-color !important;
    opacity: 0.1;
  }
  .ant-radio-button-wrapper-checked:first-child {
    border-color: $default-color;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .ant-radio-button-wrapper-checked:hover {
    border-color: $default-color-hover;
    -webkit-box-shadow: -1px 0 0 0 $default-color-hover;
    box-shadow: -1px 0 0 0 $default-color-hover;
    color: $default-color-hover;
  }
  .ant-radio-button-wrapper-checked:active {
    border-color: $default-color-focus;
    -webkit-box-shadow: -1px 0 0 0 $default-color-focus;
    box-shadow: -1px 0 0 0 $default-color-focus;
    color: $default-color-focus;
  }
  .ant-radio-button-wrapper-disabled {
    border-color: $btn-border;
    background-color: $form-bg-disabled;
    color: $font-disabled;
  }
  .ant-radio-button-wrapper-disabled:first-child,
  .ant-radio-button-wrapper-disabled:hover {
    border-color: $form-border;
    background-color: $form-bg-disabled;
    color: $font-disabled;
  }
  .ant-radio-button-wrapper-disabled:first-child {
    border-left-color: $form-border;
  }
  .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
    color: $font-ghost;
    background-color: $form-bg-disabled;
    border-color: $form-border;
  }

  /*Card*/
  .ant-card { color: $font-default; }
  .ant-card-hoverable:hover {
    -webkit-box-shadow: 0 2px 8px $form-border;
    box-shadow: 0 2px 8px $form-border;
    border-color: $form-border;
  }
  .ant-card-bordered { border: 1px solid $divide-line; }
  .ant-card-head { border-bottom: 1px solid $divide-line; }
  .ant-card-head-title { color: $font-title; }
  .ant-card-head .ant-tabs-bar { border-bottom: 1px solid $divide-line; }
  .ant-card-actions { border-top: 1px solid $divide-line; }
  .ant-card-actions > li { color: $font-subtitle; }
  .ant-card-actions > li > span:hover, .ant-card-actions > li > span a:hover { color: $default-color; }
  .ant-card-actions > li > span a { color: $font-subtitle; }
  .ant-card-actions > li:not(:last-child) { border-right: 1px solid $divide-line; }
  .ant-card-meta-title { color: $font-title; }
  .ant-card-meta-description { color: $font-description; }

  /*Checkbox*/
  .ant-checkbox, .ant-checkbox-group { color: $font-default; }
  .ant-checkbox-inner { border-color: $btn-border; }
  .ant-checkbox-inner:hover { border-color: $default-color; }
  .ant-checkbox-checked .ant-checkbox-inner, .ant-checkbox-indeterminate .ant-checkbox-inner {
    border-color: $default-color;
    background-color: $default-color;
  }
  .ant-checkbox-checked:after { border-color: $default-color; }
  .ant-checkbox-disabled .ant-checkbox-inner {
    border-color: $btn-border;
    background-color: $btn-bg-disabled;
  }
  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
    border-color: $btn-border;
  }

  /*CalendarPicker*/
  .ant-calendar-picker-container, .ant-calendar-picker { color: $font-default; }
  .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
    border-color: $default-color;
  }
  .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
    border-color: $default-color-hover;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($default-color-hover, .2);
    box-shadow: 0 0 0 2px rgba($default-color-hover, .2);
  }
  .ant-calendar-picker-clear, .ant-calendar-picker-icon, .ant-calendar-picker-icon:after { color: $font-disabled; }
  .ant-calendar-picker-clear:hover { color: $font-subtitle; }
  .ant-calendar-input-wrap { border-bottom: 1px solid $divide-line; }
  .ant-calendar-input { color: $font-title; }
  .ant-calendar-header { border-bottom: 1px solid $divide-line; }
  .ant-calendar-header a:hover { color: $default-color-hover; }
  .ant-calendar-header .ant-calendar-century-select,
  .ant-calendar-header .ant-calendar-decade-select,
  .ant-calendar-header .ant-calendar-year-select,
  .ant-calendar-header .ant-calendar-month-select{
    color: $font-title;
  }
  .ant-calendar-header .ant-calendar-prev-century-btn,
  .ant-calendar-header .ant-calendar-next-century-btn,
  .ant-calendar-header .ant-calendar-prev-decade-btn,
  .ant-calendar-header .ant-calendar-next-decade-btn,
  .ant-calendar-header .ant-calendar-prev-month-btn,
  .ant-calendar-header .ant-calendar-next-month-btn,
  .ant-calendar-header .ant-calendar-prev-year-btn,
  .ant-calendar-header .ant-calendar-next-year-btn{
    color: $font-subtitle;
  }
  .ant-calendar-date { color: $font-default; }
  .ant-calendar-date:hover {
    background: $highlight-default;
    cursor: pointer;
  }
  .ant-calendar-date:active {
    color: $font-ghost;
    background: $default-color-hover;
  }
  .ant-calendar-today .ant-calendar-date {
    border-color: $default-color;
    font-weight: bold;
    color: $default-color;
  }
  .ant-calendar-last-month-cell .ant-calendar-date,
  .ant-calendar-next-month-btn-day .ant-calendar-date {
    color: $font-disabled;
  }
  .ant-calendar-selected-day .ant-calendar-date {
    background: $default-color;
    color: $font-ghost;
  }
  .ant-calendar-selected-day .ant-calendar-date:hover {
    background: $default-color;
  }
  .ant-calendar-disabled-cell .ant-calendar-date {
    cursor: not-allowed;
    color: $font-disabled;
    background: $form-bg-disabled;
  }
  .ant-calendar-disabled-cell .ant-calendar-date:hover {
    background: $form-bg-disabled;
  }
  .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before { border-color: $form-border; }
  .ant-calendar-footer, .ant-calendar-footer-extra + .ant-calendar-footer-btn {
    border-top: 1px solid $divide-line;
  }
  .ant-calendar .ant-calendar-today-btn-disabled,
  .ant-calendar .ant-calendar-clear-btn-disabled,
  .ant-calendar .ant-calendar-clear-btn:after,
  .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
  .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year,
  .ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
  .ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade{
    color: $font-disabled;
  }
  .ant-calendar .ant-calendar-clear-btn:hover:after { color: $font-subtitle; }
  .ant-calendar .ant-calendar-ok-btn {
    background-color: $default-color;
    border-color: $default-color;
  }
  .ant-calendar .ant-calendar-ok-btn:hover,
  .ant-calendar .ant-calendar-ok-btn:focus {
    color: $font-ghost;
    background-color: $default-color-hover;
    border-color: $default-color-hover;
  }
  .ant-calendar .ant-calendar-ok-btn:active,
  .ant-calendar .ant-calendar-ok-btn.active {
    color: $font-ghost;
    background-color: $default-color-focus;
    border-color: $default-color-focus;
  }
  .ant-calendar .ant-calendar-ok-btn.disabled,
  .ant-calendar .ant-calendar-ok-btn[disabled],
  .ant-calendar .ant-calendar-ok-btn.disabled:hover,
  .ant-calendar .ant-calendar-ok-btn[disabled]:hover,
  .ant-calendar .ant-calendar-ok-btn.disabled:focus,
  .ant-calendar .ant-calendar-ok-btn[disabled]:focus,
  .ant-calendar .ant-calendar-ok-btn.disabled:active,
  .ant-calendar .ant-calendar-ok-btn[disabled]:active,
  .ant-calendar .ant-calendar-ok-btn.disabled.active,
  .ant-calendar .ant-calendar-ok-btn[disabled].active,
  .ant-calendar .ant-calendar-ok-btn-disabled,
  .ant-calendar .ant-calendar-ok-btn-disabled:hover {
    color: $font-disabled;
    background-color: $btn-bg-disabled;
    border-color: $btn-border;
  }
  .ant-calendar-range-picker-separator { color: $font-subtitle; }
  .ant-calendar-range-left .ant-calendar-time-picker-inner {  border-right: 1.5px solid $divide-line; }
  .ant-calendar-range-right .ant-calendar-time-picker-inner { border-left: 1.5px solid $divide-line; }
  .ant-calendar-range-right .ant-calendar-date-input-wrap {
    margin-left: 0 ;
  }
  .ant-calendar-range-middle { color: $font-subtitle; margin-left: -10px; }
  .ant-calendar-range .ant-calendar-input,
  .ant-calendar-range .ant-calendar-time-picker-input {
    border-color: $form-border;
    color: $font-title;
  }
  .ant-calendar-range .ant-calendar-input:hover,
  .ant-calendar-range .ant-calendar-time-picker-input:hover {
    border-color: $default-color-hover;
  }
  .ant-calendar-range .ant-calendar-input:focus,
  .ant-calendar-range .ant-calendar-time-picker-input:focus {
    border-color: $default-color-hover;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($default-color-hover, .2);
    box-shadow: 0 0 0 2px rgba($default-color-hover, .2);
  }
  .ant-calendar-range .ant-calendar-input-disabled,
  .ant-calendar-range .ant-calendar-time-picker-input-disabled {
    background-color: $form-bg-disabled;
    color: $font-disabled;
  }
  .ant-calendar-range .ant-calendar-input-disabled:hover,
  .ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
    border-color: $form-border;
  }
  .ant-calendar-range .ant-calendar-in-range-cell:before { background-color: $highlight-default; }
  .ant-calendar-range .ant-calendar-body,
  .ant-calendar-range .ant-calendar-month-panel-body,
  .ant-calendar-range .ant-calendar-year-panel-body,
  .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox{
    border-top: 1px solid $divide-line;
  }
  .ant-calendar-range-picker-input:-ms-input-placeholder {color: $font-disabled;}
  .ant-calendar-range-picker-input::-webkit-input-placeholder {color: $font-disabled;}
  .ant-calendar-range-picker-input::-moz-placeholder {color: $font-disabled;}
  .ant-calendar-range-picker-input:-moz-placeholder {color: $font-disabled;}
  .ant-calendar-range-picker-input:-ms-input-placeholder {color: $font-disabled !important;}
  .ant-calendar-range-picker-input::-ms-input-placeholder {color: $font-disabled;}
  .ant-calendar-range-picker-input::placeholder {color: $font-disabled;}
  .ant-calendar-time-picker-select { border-right: 1px solid $divide-line; }
  .ant-calendar-time-picker-select li:hover { background: $highlight-default; }
  li.ant-calendar-time-picker-select-option-selected { background: $highlight-selected; }
  li.ant-calendar-time-picker-select-option-disabled { color: $font-disabled; }
  .ant-calendar-time .ant-calendar-day-select { color: $font-title; }
  .ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled { color: $font-disabled; }
  .ant-calendar-month-panel-header { border-bottom: 1px solid $divide-line; }
  .ant-calendar-month-panel-header a:hover { color: $default-color-hover; }
  .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
    background: $default-color;
    color: $font-ghost;
  }
  .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
    background: $default-color;
    color: $font-ghost;
  }
  .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
  .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover{
    color: $font-disabled;
    background: $form-bg-disabled;
  }
  .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
  .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
  .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
  .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select{
    color: $font-title;
  }
  .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
  .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
  .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
  .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
  .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
  .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
  .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
  .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
  .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
  .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn{
    color: $font-subtitle;
  }
  .ant-calendar-month-panel-month, .ant-calendar-year-panel-year, .ant-calendar-decade-panel-decade,
  .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
  .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
    color: $font-default;
  }
  .ant-calendar-month-panel-month:hover, .ant-calendar-year-panel-year:hover { background-color: $highlight-default; }
  .ant-calendar-year-panel-header, .ant-calendar-decade-panel-header { border-bottom: 1px solid $divide-line; }
  .ant-calendar-year-panel-header a:hover, .ant-calendar-decade-panel-header a:hover { color: $default-color-hover; }
  .ant-calendar-year-panel-year:hover,
  .ant-calendar-decade-panel-decade:hover,
  .ant-calendar-week-number .ant-calendar-body tr:hover {
    background: $highlight-default;
  }
  .ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week { background: $highlight-weak-warn; }
  .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
  .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover,
  .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,
  .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover{
    background: $default-color;
    color: $font-ghost;
  }


  /*TimePicker*/
  .ant-time-picker-panel, .ant-time-picker { color: $font-default; }
  .ant-time-picker-panel-clear-btn:hover:after { color: $font-subtitle; }
  .ant-time-picker-panel-input-wrap { border-bottom: 1px solid $divide-line; }
  .ant-time-picker-panel-select { border-left: 1px solid $divide-line; }
  .ant-time-picker-panel-input-invalid { border-color: $default-color-inverse; }
  .ant-time-picker-panel-clear-btn:after{
    color: $font-disabled;
    background: $form-bg-disabled;
  }
  .ant-time-picker-panel-select li:hover { background: $highlight-default; }
  li.ant-time-picker-panel-select-option-selected { background: $highlight-selected; }
  li.ant-time-picker-panel-select-option-selected:hover { background: $highlight-selected; }
  li.ant-time-picker-panel-select-option-disabled, .ant-time-picker-icon:after { color: $font-disabled; }
  .ant-time-picker-panel-addon { border-top: 1px solid $divide-line; }
  .ant-time-picker-input { color: $font-title; }
  .ant-time-picker-input:hover { border-color: $default-color-hover; }
  .ant-time-picker-input:focus {
    border-color: $default-color-hover;
    -webkit-box-shadow: 0 0 0 2px rgba($default-color-hover, .2);
    box-shadow: 0 0 0 2px rgba($default-color-hover, .2);
  }
  .ant-time-picker-input-disabled, .ant-time-picker-input[disabled], .ant-time-picker-input[disabled]:hover {
    color: $font-disabled;
    background-color: $form-bg-disabled;
  }
  .ant-time-picker-input-disabled:hover {border-color: $form-border; }

  /*Collapse*/
  .ant-collapse {
    color: $font-default;
    border-color: $divide-line;
  }
  .ant-collapse > .ant-collapse-item { border-bottom: 1px solid $divide-line; }
  .ant-collapse > .ant-collapse-item > .ant-collapse-header { color: $font-title; }
  .ant-collapse-content {
    color: $font-default;
    border-top: 1px solid $divide-line;
  }
  .ant-collapse-borderless > .ant-collapse-item { border-bottom: 1px solid $divide-line; }
  .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow { color: $font-disabled; }

  /*Divider*/
  .ant-divider { color: $font-default; }
  .ant-divider-horizontal.ant-divider-with-text { color: $font-title; }
  .ant-divider-horizontal.ant-divider-with-text:before,
  .ant-divider-horizontal.ant-divider-with-text:after{
    border-top: 1px solid $divide-line;
  }
  .ant-divider-dashed { border-top: 1px dashed $divide-line; }

  /*DropDown*/
  .ant-dropdown,
  .ant-dropdown-menu-submenu-title,
  .ant-dropdown-menu-item > a,
  .ant-dropdown-menu-submenu-title > a {
    color: $font-default;
  }
  .ant-dropdown-menu-item-group-title,
  .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after,
  .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after{
    color: $font-subtitle;
  }
  .ant-dropdown-menu-item:hover,
  .ant-dropdown-menu-submenu-title:hover {
    background-color: $highlight-default;
  }
  .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled,
  .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover,
  .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
  .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after{
    color: $font-disabled;
  }
  .ant-dropdown-menu-item-divider,
  .ant-dropdown-menu-submenu-title-divider {
    background-color: $divide-line;
  }

  /*Menu*/
  .ant-menu-item-group-title { color: $font-subtitle; }
  .ant-menu-item-selected,
  .ant-menu-item-selected > a,
  .ant-menu-item-selected > a:hover {
    color: $default-color;
  }
  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: $highlight-default; }
  .ant-menu-item-active,
  .ant-menu-item:hover,
  .ant-menu-submenu-active,
  .ant-menu-submenu-title:hover,
  .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
    color: $default-color;
  }
  .ant-menu-vertical .ant-menu-item:after,
  .ant-menu-vertical-left .ant-menu-item:after,
  .ant-menu-vertical-right .ant-menu-item:after,
  .ant-menu-inline .ant-menu-item:after {
    border-color: $default-color;
  }
  .ant-menu-dark,
  .ant-menu-dark .ant-menu-sub {
    color: $font-disabled;
    background: $menu;
  }
  .ant-menu-dark .ant-menu-item,
  .ant-menu-dark .ant-menu-item-group-title,
  .ant-menu-dark .ant-menu-item > a {
    color: $font-disabled;
  }
  .ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background: $menu-expand;
    -webkit-box-shadow: $shadow-card inset;
    box-shadow: $shadow-card inset;
  }
  .ant-menu-dark.ant-menu-horizontal {
    border-bottom-color: $menu;
  }
  .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
  .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
    border-color: $menu;
    border-bottom: 0;
  }
  .ant-menu.ant-menu-dark .ant-menu-item-selected,
  .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
    background: $default-color;
    background: -webkit-linear-gradient(90deg, #1464F0, rgba(#133F8F, .97));
    background: -o-linear-gradient(90deg, #1464F0, rgba(#133F8F, .97));
    background: -moz-linear-gradient(90deg, #1464F0, rgba(#133F8F, .97));
    background: linear-gradient(90deg, #1464F0, rgba(#133F8F, .97));
    color: $font-ghost;
  }
  .ant-dropdown-menu-dark,
  .ant-dropdown-menu-dark .ant-dropdown-menu {
    background: $menu;
  }
  .ant-dropdown-menu-dark .ant-dropdown-menu-item,
  .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
  .ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
    color: $font-disabled;
  }
  .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after,
  .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after,
  .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow:after {
    color: $font-disabled;
  }
  .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
  .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
  .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
    color: $font-ghost;
    background: transparent;
  }
  .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
  .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
  .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
    background: $default-color;
    color: $font-ghost;
  }
  .ant-menu-dark .ant-menu-submenu-open .ant-menu-submenu-arrow {
    color: $default-color;
    &::before, &::after{
      background-color: $default-color;
    }
  }
  .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
  .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
    color: $font-disabled;
  }

  .collapsed-menu.ant-menu-dark,
  .collapsed-menu.ant-menu-dark .ant-menu-sub {
    background-color: $background-white;
    color: $font-default;
  }
  .collapsed-menu.ant-menu-dark .ant-menu-sub {
    padding: 10px 0;
    box-shadow: $shadow-menu;
  }
  .collapsed-menu.ant-menu-dark .ant-menu-item,
  .collapsed-menu.ant-menu-dark .ant-menu-item-group-title,
  .collapsed-menu.ant-menu-dark .ant-menu-item > a {
    color: $font-default;
  }
  .collapsed-menu.ant-menu-dark .ant-menu-item:hover {
    color: $default-color-hover;
    background: $background-title;
  }
  .collapsed-menu.ant-menu-dark .ant-menu-item > a:hover { color: $default-color-hover; }
  .collapsed-menu.ant-menu.ant-menu-dark .ant-menu-item-selected,
  .collapsed-menu.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
    color: $default-color-hover;
    background: $background-title;
  }
  .collapsed-menu.ant-menu-submenu-popup {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  /*Switch*/
  .ant-switch { background-color: $switch-unchecked; }
  .ant-switch-checked { background-color: $switch-checked; }
  .ant-switch:after, .ant-switch:before{ box-shadow: none; }
  .ant-switch-checked.ant-switch-loading:before {
    color: $default-color;
  }
  .ant-switch-disabled, .ant-switch-loading {
    background-color: $switch-unchecked-disable;
    opacity: 1;
  }
  .ant-switch-disabled.ant-switch-checked {
    background-color: $switch-checked-disable;
  }

  /*Form*/
  .ant-form, .ant-form output, .ant-form-item { color: $font-default; }
  .ant-form legend, .ant-form-explain, .ant-form-extra { color: $font-subtitle; }
  .ant-form-item-label label { color: $font-title; }
  .ant-form-item-required:before { color: $default-color-inverse; }
  .ant-input-group-wrap .ant-select-selection:hover, .ant-input-group-wrap .ant-select-open .ant-select-selection {
    border-color: $form-border;
  }
  .has-success.has-feedback:after { color: $badge-success; }
  .has-warning .ant-form-explain, .has-warning .ant-form-split { color: $badge-warning; }
  .has-warning .ant-input,
  .has-warning .ant-input:hover {
    border-color: $badge-warning;
  }
  .has-warning .ant-input:focus {
    border-color: $badge-warning;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($badge-warning, 0.2);
    box-shadow: 0 0 0 2px rgba($badge-warning, 0.2);
  }
  .has-warning .ant-input:not([disabled]):hover {
    border-color: $badge-warning;
  }
  .has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
    border-color: $badge-warning;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($badge-warning, 0.2);
    box-shadow: 0 0 0 2px rgba($badge-warning, 0.2);
  }
  .has-warning .ant-input-prefix {
    color: $badge-warning;
  }
  .has-warning .ant-input-group-addon {
    color: $badge-warning;
    border-color: $badge-warning;
    background-color: #fff;
  }
  .has-warning .has-feedback {
    color: $badge-warning;
  }
  .has-warning.has-feedback:after {
    content: '\E62C';
    color: $badge-warning;
    -webkit-animation-name: diffZoomIn3 !important;
    animation-name: diffZoomIn3 !important;
  }
  .has-warning .ant-select-selection {
    border-color: $badge-warning;
  }
  .has-warning .ant-select-open .ant-select-selection,
  .has-warning .ant-select-focused .ant-select-selection {
    border-color: $badge-warning;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($badge-warning, 0.2);
    box-shadow: 0 0 0 2px rgba($badge-warning, 0.2);
  }
  .has-warning .ant-calendar-picker-icon:after,
  .has-warning .ant-time-picker-icon:after,
  .has-warning .ant-picker-icon:after,
  .has-warning .ant-select-arrow,
  .has-warning .ant-cascader-picker-arrow {
    color: $badge-warning;
  }
  .has-warning .ant-input-number,
  .has-warning .ant-time-picker-input {
    border-color: $badge-warning;
  }
  .has-warning .ant-input-number-focused,
  .has-warning .ant-time-picker-input-focused,
  .has-warning .ant-input-number:focus,
  .has-warning .ant-time-picker-input:focus {
    border-color: $badge-warning;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($badge-warning, 0.2);
    box-shadow: 0 0 0 2px rgba($badge-warning, 0.2);
  }
  .has-warning .ant-input-number:not([disabled]):hover,
  .has-warning .ant-time-picker-input:not([disabled]):hover {
    border-color: $badge-warning;
  }
  .has-warning .ant-cascader-picker:focus .ant-cascader-input {
    border-color: $badge-warning;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($badge-warning, 0.2);
    box-shadow: 0 0 0 2px rgba($badge-warning, 0.2);
  }
  .has-error .ant-form-explain,
  .has-error .ant-form-split {
    color: $badge-error;
  }
  .has-error .ant-input,
  .has-error .ant-input:hover {
    border-color: $badge-error;
  }
  .has-error .ant-input:focus {
    border-color: $badge-error;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
    box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
  }
  .has-error .ant-input:not([disabled]):hover {
    border-color: $badge-error;
  }
  .has-error .ant-calendar-picker-open .ant-calendar-picker-input {
    border-color: $badge-error;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
    box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
  }
  .has-error .ant-input-prefix {
    color: $badge-error;
  }
  .has-error .ant-input-group-addon {
    color: $badge-error;
    border-color: $badge-error;
    background-color: #fff;
  }
  .has-error .has-feedback {
    color: $badge-error;
  }
  .has-error.has-feedback:after {
    content: '\E62E';
    color: $badge-error;
    -webkit-animation-name: diffZoomIn2 !important;
    animation-name: diffZoomIn2 !important;
  }
  .has-error .ant-select-selection {
    border-color: $badge-error;
  }
  .has-error .ant-select-open .ant-select-selection,
  .has-error .ant-select-focused .ant-select-selection {
    border-color: $badge-error;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
    box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
  }
  .has-error .ant-input-group-addon .ant-select-selection {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .has-error .ant-calendar-picker-icon:after,
  .has-error .ant-time-picker-icon:after,
  .has-error .ant-picker-icon:after,
  .has-error .ant-select-arrow,
  .has-error .ant-cascader-picker-arrow {
    color: $badge-error;
  }
  .has-error .ant-input-number,
  .has-error .ant-time-picker-input {
    border-color: $badge-error;
  }
  .has-error .ant-input-number-focused,
  .has-error .ant-time-picker-input-focused,
  .has-error .ant-input-number:focus,
  .has-error .ant-time-picker-input:focus {
    border-color: $badge-error;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
    box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
  }
  .has-error .ant-input-number:not([disabled]):hover,
  .has-error .ant-time-picker-input:not([disabled]):hover {
    border-color: $badge-error;
  }
  .has-error .ant-mention-wrapper .ant-mention-editor,
  .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
    border-color: $badge-error;
  }
  .has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
  .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
    border-color: $badge-error;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
    box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
  }
  .has-error .ant-cascader-picker:focus .ant-cascader-input {
    border-color: $badge-error;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
    box-shadow: 0 0 0 2px rgba($badge-error, 0.2);
  }
  .is-validating.has-feedback:after {
    display: inline-block;
    -webkit-animation: loadingCircle 1s infinite linear;
    animation: loadingCircle 1s infinite linear;
    content: "\E64D";
    color: $default-color;
  }

  /*Input*/
  .ant-input{
    border-color: $form-border;
    color: $font-title;
  }
  .ant-input:hover { border-color: $default-color; }
  .ant-input:focus {
    border-color: $default-color;
    -webkit-box-shadow: 0 0 0 2px rgba($default-color-hover, .3);
    box-shadow: 0 0 0 2px rgba($default-color-hover, .3);
  }
  .ant-input-disabled {
    background-color: $form-bg-disabled;
    color: $font-disabled;
  }
  .ant-input-disabled:hover { border-color: $form-border; }
  .ant-input-group { color: $font-default; }
  .ant-input-group-addon {
    color: $font-default;
    border-color: $btn-border;
    background-color: $form-bg-disabled;
  }
  .ant-input-group-addon:hover {border-color: $default-color;}
  .ant-input-group-addon .ant-select-open .ant-select-selection,
  .ant-input-group-addon .ant-select-focused .ant-select-selection {
    color: $font-default;
    border-color: $default-color;
    -webkit-box-shadow: 0 0 0 2px rgba($default-color-hover, .3);
    box-shadow: 0 0 0 2px rgba($default-color-hover, .3);
  }
  .ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix{color: $font-subtitle; }
  .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {border-color: $default-color-hover;}
  .ant-input:-ms-input-placeholder {color: $font-disabled;}
  .ant-input::-webkit-input-placeholder {color: $font-disabled;}
  .ant-input::-moz-placeholder {color: $font-disabled;}
  .ant-input:-moz-placeholder {color: $font-disabled;}
  .ant-input:-ms-input-placeholder {color: $font-disabled !important;}
  .ant-input::-ms-input-placeholder {color: $font-disabled;}
  .ant-input::placeholder {color: $font-disabled;}


  /*InputNumber*/
  .ant-input-number {
    border-color: $form-border;
    color: $font-default;
  }
  .ant-input-number:hover { border-color: $default-color-hover; }
  .ant-input-number:focus {
    border-color: $default-color-hover;
    -webkit-box-shadow: 0 0 0 2px rgba($default-color-hover, 0.2);
    box-shadow: 0 0 0 2px rgba($default-color-hover, 0.2);
  }
  .ant-input-number-input::-moz-placeholder { color: $font-disabled; }
  .ant-input-number-input:-ms-input-placeholder { color: $font-disabled; }
  .ant-input-number-input::-webkit-input-placeholder { color: $font-disabled; }
  .ant-input-number-disabled, .ant-input-number-input[disabled] {
    background-color: $form-bg-disabled;
    color: $font-disabled;
  }
  .ant-input-number-input[disabled]:hover { border-color: $form-border; }
  .ant-input-number-disabled:hover { border-color: $form-border; }
  .ant-input-number-handler, .ant-input-number-handler-up-inner, .ant-input-number-handler-down-inner { color: $font-subtitle; }
  .ant-input-number-handler:active { background-color: $background; }
  .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
  .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
    color: $default-color-hover;
  }
  .ant-input-number-handler-wrap { border-left: 1px solid $divide-line; }
  .ant-input-number-handler-down { border-top: 1px solid $divide-line; }


  /*Select*/
  .ant-select { color: $font-title; }
  .ant-select-selection { border-color: $form-border; }
  .ant-select-selection:hover { border-color: $default-color; }
  .ant-select-focused .ant-select-selection, .ant-select-selection:active, .ant-select-selection:focus{
    border-color: $default-color;
    -webkit-box-shadow: 0 0 0 2px rgba($default-color-hover, .3);
    box-shadow: 0 0 0 2px rgba($default-color-hover, .3);
    .ant-select-arrow { color: $default-color-hover; }
  }
  .ant-select-open .ant-select-selection {
    border-color: $default-color;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba($default-color-hover, .3);
    box-shadow: 0 0 0 2px rgba($default-color-hover, .3);
  }
  .ant-select-arrow { color: $font-subtitle; }
  .ant-select-selection__clear:hover { color: $font-subtitle; }
  .ant-select-search__field__placeholder, .ant-select-selection__placeholder { color: $font-disabled; }
  .ant-select-disabled { color: $font-disabled; }
  .ant-select-disabled .ant-select-selection { background-color: $form-bg-disabled; }
  .ant-select-disabled .ant-select-selection:hover,
  .ant-select-disabled .ant-select-selection:focus,
  .ant-select-disabled .ant-select-selection:active {
    border-color: $form-border;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .ant-select-dropdown { color: $font-default; }
  .ant-select-dropdown-menu-item-group-title { color: $font-subtitle; }
  .ant-select-dropdown-menu { padding: 10px 5px; }
  .ant-select-dropdown-menu-item {
    padding: 8px 5px;
    color: $font-default;
  }
  .ant-select-dropdown-menu-item-active {
    color: $default-color-hover;
    background-color: $highlight-default;
  }
  .ant-select-dropdown-menu-item:hover {
    color: $default-color-hover;
    background-color: $highlight-default;
  }
  .ant-select-dropdown-menu-item-selected,
  .ant-select-dropdown-menu-item-selected:hover {
    background-color: $highlight-selected;
    font-weight: 600;
    color: $font-default;
  }
  .ant-select-dropdown-menu-item-disabled {
    padding: 0 10px;
    color: $font-disabled;
  }
  .ant-select-dropdown-menu-item-disabled:hover {
    color: $font-disabled;
    background-color: $btn-bg;
  }
  .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover:after {
    color: $font-disabled;
  }
  .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:after,
  .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover:after {
    color: $default-color;
  }
  .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
    background: transparent;
    color: $font-disabled;
  }
  .ant-select-disabled .ant-select-selection__choice__remove {
    color: $font-disabled;
  }
  .ant-select-disabled .ant-select-selection__choice__remove:hover {
    color: $font-disabled;
  }
  .ant-select-selection--multiple .ant-select-selection__choice {
    color: $font-default;
    background-color: $tag-default-bg;
    border-color: $tag-default-bg;
  }
  .ant-select-selection--multiple .ant-select-selection__choice__remove { color: $font-subtitle; }
  .ant-select-selection--multiple .ant-select-selection__choice__remove:hover { color: $default-color; }

  /*Pagination*/
  .ant-pagination { color: $font-default; }
  .ant-pagination-item, .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { border-color: $btn-border; }
  .ant-pagination-item a { color: $font-default; }
  .ant-pagination-item:focus, .ant-pagination-item:hover { border-color: $default-color;}
  .ant-pagination-item:focus a, .ant-pagination-item:hover a { color: $default-color; }
  .ant-pagination-item-active {
    background-color: $default-color;
    border-color: $default-color;
  }
  .ant-pagination-item-active:focus, .ant-pagination-item-active:hover {
    background-color: $default-color-hover;
    border-color: $default-color-hover;
  }
  .ant-pagination-item-active a, .ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a {
    color: $font-ghost;
  }
  .ant-pagination-jump-prev:focus:after,
  .ant-pagination-jump-next:focus:after,
  .ant-pagination-jump-prev:hover:after,
  .ant-pagination-jump-next:hover:after {
    color: $default-color;
  }
  .ant-pagination-prev:focus .ant-pagination-item-link,
  .ant-pagination-next:focus .ant-pagination-item-link,
  .ant-pagination-prev:hover .ant-pagination-item-link,
  .ant-pagination-next:hover .ant-pagination-item-link {
    border-color: $default-color;
    color: $default-color;
  }

  /*Layout*/
  .ant-layout-sider {
    background: $menu;
  }
  /*List*/
  .ant-list, .ant-list-item-meta-title, .ant-list-item-meta-title > a, .ant-list-vertical .ant-list-item-content { color: $font-default; }
  .ant-list-empty-text, .ant-list-item-meta-description, .ant-list-item-action > li, .ant-list-grid .ant-list-item-content { color: $font-subtitle; }
  .ant-list-vertical .ant-list-item-meta-title { color: $font-title; }
  .ant-list-item-action-split { background-color: $divide-line; }
  .ant-list-split .ant-list-item, .ant-list-split .ant-list-header, .ant-list-bordered .ant-list-item,
  .ant-list-something-after-last-item .ant-list-item:last-child {
    border-bottom: 1px solid $divide-line;
  }
  .ant-list-bordered { border-color: $form-border; }

  /*Table*/
  .ant-table { color: $font-default; }
  .ant-table-thead > tr > th {
    border-bottom: 1px solid $divide-line;
    background-color: $table-title-bg;
    color: $font-title;
  }
  .ant-table-thead > tr > th .anticon-filter,
  .ant-table-thead > tr > th .ant-table-filter-icon,
  .ant-table-placeholder {
    color: $font-subtitle;
  }
  .ant-table-thead > tr > th .anticon-filter:hover,
  .ant-table-thead > tr > th .ant-table-filter-icon:hover,
  .ant-table-column-sorter-up:hover .anticon,
  .ant-table-column-sorter-down:hover .anticon {
    color: $font-default;
  }
  .ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter { color: $default-color; }
  .ant-table-tbody > tr > td { border-bottom: 1px solid $divide-line; }
  .ant-table-thead > tr.ant-table-row-hover > td,
  .ant-table-tbody > tr.ant-table-row-hover > td,
  .ant-table-thead > tr:hover > td,
  .ant-table-tbody > tr:hover > td {
    background: $highlight-default;
  }
  .ant-table-footer { border-top: 1px solid $divide-line; }
  .ant-table.ant-table-bordered .ant-table-footer { border: 1px solid $divide-line; }
  .ant-table.ant-table-bordered .ant-table-title { border: 1px solid $divide-line; }
  .ant-table-column-sorter { color: $font-disabled; }
  .ant-table-bordered .ant-table-header > table,
  .ant-table-bordered .ant-table-body > table,
  .ant-table-bordered .ant-table-fixed-left table,
  .ant-table-bordered .ant-table-fixed-right table,
  .ant-table-bordered.ant-table-empty .ant-table-placeholder,
  .ant-table-bordered .ant-table-thead > tr > th,
  .ant-table-bordered .ant-table-thead > tr > th,
  .ant-table-bordered .ant-table-tbody > tr > td,
  .ant-table-bordered.ant-table-small .ant-table-title,
  .ant-table-bordered.ant-table-small .ant-table-footer,
  .ant-table-filter-dropdown-btns {
    border-color: $table-border;
  }
  .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after {
    color: $default-color;
  }
  .ant-table-filter-dropdown-link { color: $default-color; }
  .ant-table-filter-dropdown-link:hover { color: $default-color-hover; }
  .ant-table-filter-dropdown-link:active { color: $default-color-focus; }


  /*Timeline*/
  .ant-timeline { color: $font-default; }
  .ant-timeline-item-tail { border-left: 2px solid $divide-line; }
  .ant-timeline-item-head-blue {
    border-color: $badge-processing;
    color: $badge-processing;
  }
  .ant-timeline-item-head-red {
    border-color: $badge-error;
    color: $badge-error;
  }
  .ant-timeline-item-head-green {
    border-color: $badge-success;
    color: $badge-success;
  }
  .ant-timeline-item-last .ant-timeline-item-tail { border-left: 2px dotted $divide-line; }


  /*Tag*/
  .ant-tag{
    color: $font-default;
    border-color: $btn-border;
    background-color: $background-white;
  }
  .ant-tag:hover {
    opacity: 0.85;
  }
  .ant-tag a,
  .ant-tag a:hover {
    color: $font-default;
  }
  .ant-tag .anticon-cross { color: $font-subtitle; }
  .ant-tag .anticon-cross:hover { color: $default-color-hover; }
  .ant-tag-has-color,
  .ant-tag-has-color a,
  .ant-tag-has-color a:hover,
  .ant-tag-has-color .anticon-cross,
  .ant-tag-has-color .anticon-cross:hover {
    color: $font-ghost;
  }
  .ant-tag-has-color { border-color: transparent; }
  .ant-tag-has-color:hover {
    color: $font-ghost;
    border-color: transparent;
    opacity: .85;
  }
  .ant-tag-checkable {
    background-color: transparent;
    border-color: $btn-border;
  }
  .ant-tag-checkable:hover { border-color: $default-color-hover; }
  .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
    color: $font-default;
  }
  .ant-tag-checkable:active,
  .ant-tag-checkable:active:hover,
  .ant-tag-checkable-checked,
  .ant-tag-checkable-checked:hover {
    border-color: $default-color;
    color: $font-ghost;
  }
  .ant-tag-checkable-checked { background-color: $default-color; }
  .ant-tag-checkable:active { background-color: $default-color-focus; }
  .ant-tag-pink {
    color: #eb2f96;
    background: #fff0f6;
    border-color: #ffadd2;
  }
  .ant-tag-pink-inverse {
    background: #eb2f96;
    border-color: #eb2f96;
    color: #fff;
  }
  .ant-tag-magenta {
    color: #eb2f96;
    background: #fff0f6;
    border-color: #ffadd2;
  }
  .ant-tag-magenta-inverse {
    background: #eb2f96;
    border-color: #eb2f96;
    color: #fff;
  }
  .ant-tag-red {
    color: $tag-error-border;
    background: $tag-error-bg;
    border-color: $tag-error-border;
  }
  .ant-tag-red-inverse {
    background: $tag-error-border;
    border-color: $tag-error-border;
    color: $font-ghost;
  }
  .ant-tag-volcano {
    color: #fa541c;
    background: #fff2e8;
    border-color: #ffbb96;
  }
  .ant-tag-volcano-inverse {
    background: #fa541c;
    border-color: #fa541c;
    color: #fff;
  }
  .ant-tag-orange {
    color: $tag-warn-border;
    background: $tag-warn-bg;
    border-color: $tag-warn-border;
  }
  .ant-tag-orange-inverse {
    background: $tag-warn-border;
    border-color: $tag-warn-border;
    color: $font-ghost;
  }
  .ant-tag-yellow {
    color: #fadb14;
    background: #feffe6;
    border-color: #fffb8f;
  }
  .ant-tag-yellow-inverse {
    background: #fadb14;
    border-color: #fadb14;
    color: #fff;
  }
  .ant-tag-gold {
    color: #faad14;
    background: #fffbe6;
    border-color: #ffe58f;
  }
  .ant-tag-gold-inverse {
    background: #faad14;
    border-color: #faad14;
    color: #fff;
  }
  .ant-tag-cyan {
    color: #13c2c2;
    background: #e6fffb;
    border-color: #87e8de;
  }
  .ant-tag-cyan-inverse {
    background: #13c2c2;
    border-color: #13c2c2;
    color: #fff;
  }
  .ant-tag-lime {
    color: #a0d911;
    background: #fcffe6;
    border-color: #eaff8f;
  }
  .ant-tag-lime-inverse {
    background: #a0d911;
    border-color: #a0d911;
    color: #fff;
  }
  .ant-tag-green {
    color: $tag-success-border;
    background: $tag-success-bg;
    border-color: $tag-success-border;
  }
  .ant-tag-green-inverse {
    background: $tag-success-border;
    border-color: $tag-success-border;
    color: $font-ghost;
  }
  .ant-tag-blue {
    color: $default-color;
    background: $highlight-selected;
    border-color: $default-color;
  }
  .ant-tag-blue-inverse {
    background: $default-color;
    border-color: $default-color;
    color: $font-ghost;
  }
  .ant-tag-geekblue {
    color: #2f54eb;
    background: #f0f5ff;
    border-color: #adc6ff;
  }
  .ant-tag-geekblue-inverse {
    background: #2f54eb;
    border-color: #2f54eb;
    color: #fff;
  }
  .ant-tag-purple {
    color: $tag-weak-warn-border;
    background: $tag-weak-warn-bg;
    border-color: $tag-weak-warn-border;
  }
  .ant-tag-purple-inverse {
    background: $tag-weak-warn-border;
    border-color: $tag-weak-warn-border;
    color: $font-ghost;
  }

  /*Tree*/
  .ant-select-tree-checkbox { color: $default-color; }
  .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
  .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
  .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
    border-color: $default-color;
  }
  .ant-select-tree-checkbox-checked:after { border: 1px solid $default-color; }
  .ant-select-tree-checkbox-inner { border: 1px solid $form-border; }
  .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner,
  .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
    background-color: $default-color;
    border-color: $default-color;
  }
  .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
    border-color: $font-disabled;
  }
  .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
    border-color: $form-border !important;
    background-color: $form-bg-disabled;
  }
  .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
    border-color: $form-bg-disabled;
  }
  .ant-select-tree-checkbox-disabled + span { color: $font-disabled; }
  .ant-select-tree-checkbox-wrapper { color: $font-default; }
  .ant-select-tree-checkbox-group { color: $font-default; }
  .ant-select-tree { color: $font-default; }
  .ant-select-tree li .ant-select-tree-node-content-wrapper { color: $font-default; }
  .ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
    background-color: $highlight-default;
  }
  .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
    background-color: $highlight-selected;
  }
  .ant-select-tree li span.ant-select-tree-icon_loading:after { color: $default-color; }
  li.ant-select-tree-treenode-disabled > span,
  li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
  li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span,
  li.ant-select-tree-treenode-disabled > span.ant-select-tree-switcher {
    color: $font-disabled;
  }
  .ant-select-tree-dropdown { color: $font-default; }
  .ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
    border: 1px solid $form-border;
  }
  .ant-select-tree-dropdown .ant-select-not-found { color: $font-disabled; }
  .ant-tree-checkbox { color: $font-default; }
  .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
  .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
  .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
    border-color: $default-color;
  }
  .ant-tree-checkbox-inner { border: 1px solid $form-border; }
  .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
    border-color: $font-disabled;
  }
  .ant-tree-checkbox-checked .ant-tree-checkbox-inner,
  .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
    background-color: $default-color;
    border-color: $default-color;
  }
  .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
    border-color: $font-disabled;
  }
  .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
    border-color: $form-border !important;
    background-color: $form-bg-disabled;
  }
  .ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after { border-color: $form-bg-disabled; }
  .ant-tree-checkbox-disabled + span { color: $font-disabled; }
  .ant-tree-checkbox-wrapper { color: $font-default; }
  .ant-tree-checkbox-group { color: $font-default; }
  .ant-tree { color: $font-default; }
  .ant-tree li.drag-over > span[draggable] {
    background-color: $default-color;
    color: $font-ghost;
    opacity: 0.8;
  }
  .ant-tree li.drag-over-gap-top > span[draggable] { border-top-color: $default-color; }
  .ant-tree li.drag-over-gap-bottom > span[draggable] { border-bottom-color: $default-color; }
  .ant-tree li.filter-node > span { color: $default-color-inverse !important; }
  .ant-tree li .ant-tree-node-content-wrapper { color: $font-default; }
  .ant-tree li .ant-tree-node-content-wrapper:hover { background-color: $highlight-default; }
  .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: $highlight-selected;
    color: $default-color;
  }
  .ant-tree li span.ant-tree-icon_loading:after { color: $default-color; }
  li.ant-tree-treenode-disabled > span,
  li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
  li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span,
  li.ant-tree-treenode-disabled > span.ant-tree-switcher {
    color: $font-disabled;
  }
  .ant-tree.ant-tree-show-line li span.ant-tree-switcher {
    background: $background-white;
    color: $font-subtitle;
  }
  .ant-tree.ant-tree-show-line li:not(:last-child):before { border-left: 1px solid $form-border; }

  /*
    Upload
   */
  .ant-upload { color: $font-default; }
  .ant-upload.ant-upload-select-picture-card {
    border: 1px dashed $form-border;
    background-color: $background;
  }
  .ant-upload.ant-upload-select-picture-card:hover {
    border-color: $default-color;
  }
  .ant-upload.ant-upload-drag {
    border: 1px dashed $form-border;
    background-color: $background;
  }
  .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled),
  .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
    border-color: $default-color-hover;
  }
  .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon { color: $default-color-hover; }
  .ant-upload.ant-upload-drag p.ant-upload-text {
    color: $font-title;
  }
  .ant-upload.ant-upload-drag p.ant-upload-hint,
  .ant-upload.ant-upload-drag .anticon-plus:hover,
  .ant-upload.ant-upload-drag:hover .anticon-plus,
  .ant-upload-list-item-info .anticon-loading,
  .ant-upload-list-item-info .anticon-paper-clip,
  .ant-upload-list-item .anticon-cross,
  .ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
    color: $font-disabled;
  }
  .ant-upload.ant-upload-drag .anticon-plus {
    color: rgba($font-disabled, .5);
  }
  .ant-upload-list { color: $font-default; }
  .ant-upload-list-item .anticon-cross:hover { color: $font-default; }
  .ant-upload-list-item:hover .ant-upload-list-item-info { background-color: $highlight-selected; }
  .ant-upload-list-item-error,
  .ant-upload-list-item-error .anticon-paper-clip,
  .ant-upload-list-item-error .ant-upload-list-item-name {
    color: $default-color-inverse;
  }
  .ant-upload-list-item-error .anticon-cross {
    opacity: 1;
    color: $default-color-inverse !important;
  }
  .ant-upload-list-picture .ant-upload-list-item,
  .ant-upload-list-picture-card .ant-upload-list-item {
    border: 1px solid $form-border;
  }
  .ant-upload-list-picture .ant-upload-list-item-error,
  .ant-upload-list-picture-card .ant-upload-list-item-error {
    border-color: $default-color-inverse;
  }
  .ant-upload-list-picture .ant-upload-list-item-thumbnail.anticon:before,
  .ant-upload-list-picture-card .ant-upload-list-item-thumbnail.anticon:before {
    color: $font-disabled;
  }
  .ant-upload-list .ant-upload-success-icon { color: $badge-success; }

  /*
  Transfer
   */
  .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
    background-color: $highlight-default;
  }
  .ant-transfer-list-content-item-disabled { color: $font-disabled; }
  .ant-transfer-list-body-not-found { color: $font-disabled; }
  .ant-transfer-list-footer { border-top: 1px solid $form-border; }
  @-webkit-keyframes transferHighlightIn {
    0% {
      background: $highlight-default;
    }
    100% {
      background: transparent;
    }
  }
  @keyframes transferHighlightIn {
    0% {
      background: $highlight-default;
    }
    100% {
      background: transparent;
    }
  }

  /*
  Step
   */
  .ant-steps { color: $font-default; }
  .ant-steps-item-icon > .ant-steps-icon { color: $default-color; }
  .ant-steps-item-tail:after { background-color: $divide-line; }
  .ant-steps-item-title { color: $font-default; }
  .ant-steps-item-title:after { background-color: $divide-line; }
  .ant-steps-item-description { color: $font-subtitle; }
  .ant-steps-item-wait .ant-steps-item-icon {
    border-color: $font-disabled;
    background-color: $background-white;
  }
  .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon { color: $font-disabled; }
  .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: $font-disabled; }
  .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title { color: $font-subtitle; }
  .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title:after { background-color: $divide-line; }
  .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-description { color: $font-subtitle; }
  .ant-steps-item-wait > .ant-steps-item-tail:after { background-color: $divide-line; }
  .ant-steps-item-process .ant-steps-item-icon {
    border-color: $default-color;
    background-color: $background-white;
  }
  .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: $default-color; }
  .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: $default-color; }
  .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title { color: $font-title; }
  .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title:after { background-color: $divide-line; }
  .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-description { color: $font-default; }
  .ant-steps-item-process > .ant-steps-item-tail:after { background-color: $divide-line; }
  .ant-steps-item-process .ant-steps-item-icon { background: $default-color; }
  .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: $font-ghost; }
  .ant-steps-item-finish .ant-steps-item-icon {
    border-color: $default-color;
    background-color: $background-white;
  }
  .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon { color: $default-color; }
  .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: $default-color; }
  .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title { color: $font-default; }
  .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title:after { background-color: $default-color; }
  .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-description { color: $font-subtitle; }
  .ant-steps-item-finish > .ant-steps-item-tail:after { background-color: $default-color; }
  .ant-steps-item-error .ant-steps-item-icon {
    border-color: $default-color-inverse;
    background-color: $background-white;
  }
  .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon { color: $default-color-inverse; }
  .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: $default-color-inverse; }
  .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title { color: $default-color-inverse; }
  .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title:after { background-color: $background-white; }
  .ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-description { color: $default-color-inverse; }
  .ant-steps-item-error > .ant-steps-item-tail:after { background-color: $divide-line; }
  .ant-steps-item.ant-steps-next-error .ant-steps-item-title:after { background: $default-color-inverse; }
}

